<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<title>双栏布局</title>
	</head>
	<body>
		<div class="box">
			<div class="header">
				<div id="headerleft">
					<img src="img/logo.gif"/>
				</div>
				<div id="headerright">
					<h4>腾讯软件中心，腾讯精品软件展示平台</h4>
					<h5>我们会不断提升产品的性能和体验，为你提供最好用的软件!</h5>
				</div>
				<div id="headerbottom">
					<ul>
						<li id="leftmargin">首页</li>
						<li style="color: white;">PC产品大全</li>
						<li style="color: white;">Mac产品大全</li>
						<li style="color: white;">无线产品大全</li>
						<li style="color: white;">企业产品大全</li>
						<li id="rightmargin">QQ产品大全</li>
					</ul>
				</div>
				
			</div>
			<div class="main">
				<div class="mainleft">
					<div class="mainleft-top">
						<div id="one">
							<img src="img/banner.png"/>
						</div>
						<div id="two">
							<h2>腾讯软件</h2>
							<a href="#"><<更多</a>							
						</div>
					</div>
					<div class="mainleft-bottom">
						<div id="mainleft-b-l">
							<ul>
								<li>
							<div id="logoone">
								<img src="img/icon_1.gif"/>
							</div>		
							<div id="writing">
								<a href="#">QQ 5.2</a>
								<span>更新日期：2013-04-17</span>
								<p>免费的即时通讯平台，带来更多沟通乐趣</p>
							</div>
								</li>
								<li>
									<div id="logotwo">
										<img src="img/icon_2.gif"/>
									</div>
							<div id="writing">
								<a href="#">腾讯电脑管家 </a>
								<span>更新日期：2014-03-17</span>
								<p>专业的免费杀毒软件，全面便捷管理电脑</p>	
							</div>			
								</li>
								<li>
									<div id="logothree">
										<img src="img/icon_3.gif"/>
									</div>
									<div id="writing">
										<a href="#">软件管理</a>
										<span>更新日期：2013-05-13</span>
										<p>下载软件，就用软件管理</p>
									</div>		
								</li>
								<li>
									<div id="logofour">
										<img src="img/icon_4.gif"/>
									</div>
									<div id="writing">
										<a href="#">QQ音乐2014贺岁版</a>
										<span>更新日期：2013-06-18</span>
										<p>全新界面软件，视野更开阔，操作更简单</p>
									</div>
								</li>
								<li>
									<div id="logofive">
										<img src="img/icon_5.gif"/>
									</div>
									<div id="writing">
										<a href="#">QQ浏览器</a>
										<span>更新日期：2013-05-16</span>
										<p>管理，浏览，便捷，上传一站体验</p>
									</div>
								</li>
								<li>
									<div id="logosix">
										<img src="img/icon_6.gif"/>
									</div>
									<div id="writing">
										<a href="#">QQ影像</a>
										<span>更新日期：2013-06-17</span>
										<p>免费的即时通讯平台，带来更多沟通乐趣</p>
									</div>
								</li>
							</ul>
								
						
						</div>
						<div id="mainright-b-r">
							<ul>
								<li>
									<a href="#">下载</a>					
									<span style="color: #266392;">|</span>
									<a href="">官方网站</a>					
								</li>
								<li>
									<a href="#">下载</a>					
									<span style="color: #266392;">|</span>
									<a href="">官方网站</a>
								</li>
								<li>
									<a href="#">下载</a>					
									<span style="color: #266392;">|</span>
									<a href="">官方网站</a>					
								<li>
									<a href="#">下载</a>					
									<span style="color: #266392;">|</span>
									<a href="">官方网站</a>						
								</li>
								<li>
									<a href="#">下载</a>					
									<span style="color:#266392;">|</span>
									<a href="">官方网站</a>						
								</li>
								<li>
									<a href="#">下载</a>					
									<span style="color:#266392;">|</span>
									<a href="">官方网站</a>						
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="mainright">
					<div class="mainright-header">
						<h2>最新动态</h2>
						<div class="father">
							<div id="childone">
								<ul>
									<li>腾讯电脑管家8.0正式版发布</li>
									<li>腾讯游戏平台首推强加速，LOL助手永久免费</li>
									<li>微云2.0六大终端全新出击，超强收藏功能</li>
									<li>腾讯手机管家(PC版)2.0新版 只为用户更好体验</li>
									<li>QQ影音3.7发布，提升转码速度</li>
									<li>QQ2012Beta2(Q+)：全新Q+，更快更便捷</li>
									<li>Foxmail7发布新版本，支持繁，简,英多语言</li>
								</ul>
							</div>
							<div id="childtwo">
								<h3>更多推荐</h3>
								<a href="#">更多<<</a>
							</div>
						</div>	
					</div>
					<div class="mainright-middle">
						<div class="middle-left">
							<ul>
								<li>		
									<div id="picture">
										<img src="img/soft_r_1.gif"/>
									</div>
									<div id="gamename">
										QQ旋风
									</div>
								</li>
								<li>		
									<div id="picture">
										<img src="img/soft_r_2.gif"/>
									</div>
									<div id="gamename">
										腾讯视频播放器
									</div>
								</li>
								<li>		
									<div id="picture">
										<img src="img/soft_r_3.gif"/>
									</div>
									<div id="gamename">
										QQ影音
									</div>
								</li>
								<li>		
									<div id="picture">
										<img src="img/soft_r_4.gif"/>
									</div>
									<div id="gamename">
										小Q书桌
									</div>
								</li>
								<li>		
									<div id="picture">
										<img src="img/soft_r_5.gif"/>
									</div>
									<div id="gamename">
										Foxmail
									</div>
								</li>
								<li>		
									<div id="picture">
										<img src="img/soft_r_6.gif"/>
									</div>
									<div id="gamename">
										顽固木马克星
									</div>
								</li>	
							</ul>
						</div>
						<div class="middle-right">
							<ul>
								<li><a href="#">下载</a></li>
								<li><a href="#">下载</a></li>
								<li><a href="#">下载</a></li>
								<li><a href="#">下载</a></li>
								<li><a href="#">下载</a></li>
								<li><a href="#">下载</a></li>
							</ul>
						</div>
					</div>
					<div class="mainright-bottom">
						<h2>合作伙伴</h2>
						<div id="composition">
							<ul>
								<li>腾讯软件管理</li>
								<li>IT168</li>
								<li>滕牛网</li>
							</ul>
							<ul>
								<li>腾讯网下载</li>
								<li>东坡下载</li>
								<li>PC6下载站</li>
							</ul>
							<ul>
								<li>下载吧</li>
								<li>完美下载</li>
								<li>乡巴佬下载</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="bottom">
				<p>Copyright 2004-2013 itcast Inc,All rights reserved</p>
				<p>腾讯公司 版权所有</p>
			</div>
		</div>
		
		
	</body>
</html>
